<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/head_top_footer.css" />
    <link rel="stylesheet" href="css/cart.css" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_508931_vxc9n1ii82n019k9.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/cart.js"></script>
	<script src="js/cart2.js"></script>
    <script src="js/hk库.js"></script>
	<script>
		$(function(){
			// 公共部分
			$('.header').load('head.html');
			$('.footer').load('footer.html');
		});
	</script>
</head>
<body>


<!--top头部-->
<div class="header"></div>

<!--主要内容-->
<div class="main">
    <!--结算按钮-->
    <div class="main_top">
        <div class="baby_selection">
            <span>已选商品（不含运费）</span>
            <div class="price_top">0.00</div>
            <button>
                <a href="orderConfirm.html"> 结算</a>
            </button>
        </div>
    </div>
    <!--列表内容-->
    <div class="main_main">
        <!--列表头-->
        <ul class="num1">
            <li class="check">
                <input type="checkbox" name="check_all" id="checkbox_all"/>
                <span>  全选</span>
            </li>
            <li class="commodity">商品</li>
            <li class="color">颜色款式</li>
            <li class="unit_price">单价</li>
            <li class="num">数量</li>
            <li class="subtotal">小计</li>
            <li class="operation">操作</li>
        </ul>
		
		<div id="carlist">		
        <!--商品-->
		<div id="carlist2">
			
		</div>
       <!-- <ul class="num2">
            <li class="check1">
                <input type="checkbox" name="yoga"/>
                <div class="img">
                    <a href="商品详情页.html">
                        <img src="img/images/Yoga_03.jpg"/>
                    </a>
                </div>
            </li>
            <li class="con_int">
                <div class="con_int_word">奥义 瑜伽垫 TPE加宽加大183*80CM男女加厚健身垫 加长无味环保防滑运动</div>
            </li>
            <li class="style">颜色：高雅紫中线款（8mm）</li>
            <li class="unit_price1">￥
                <span>165.00</span>
            </li>
            <li class="number">
                <div class="reduce">-</div>
                <input type="text" value="2"/>
                <div class="add">+</div>
            </li>
            <li class="subtotal1">￥
                <span>330.00</span>
            </li>
            <li>
                <div class="in">移入收藏夹</div>
                <div class="remove">删除</div>
            </li>
        </ul> -->
		
		<!--总价-->
        <ul class="num3">
            <li class="check_footer">
                <input id="allcheck2" type="checkbox" name="check_all"/>
                <span>  全选</span>
            </li>
            <li class="del">删除选中的商品</li>
            <!-- <li class="collect">移到我的收藏</li> -->
            <!-- <li class="clear">清除下架商品</li> -->
            <li class="sum">
                <span>已选择</span>
                <i id="commoditySum"></i>
                <span>件商品^</span>
            </li>
            <li class="total">
                <span>总价：</span>
                <i>￥
                    <span class="price_bottom">1893.00</span>
                </i>
            </li>
            <li>
                <a href="orderConfirm.html">
                    <div class="pay">去结算</div>
                </a>
            </li>
        </ul>
    </div>
</div>
</div>
<!--底部-->
<div class="footer"></div>
</body>
</html>